<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<h:head>
	<title>Stock Ranking</title>
	<link href="style.css" type="text/css" rel="stylesheet" />
</h:head>
<h:body>
	<div align="right">
		<h:panelGrid columns="1" styleClass="header-panelGrid" columnClasses="header-panelGridColumn">
			<h:outputText value="Sistema Informático de Análisis Bursátil" styleClass="header-application-name"/>
			<br/>
			<h:panelGroup>
				<h:outputText value="Logueado exitosamente como '#{cotizacionBean.userLoggedname}' " 
					style="font-size: 12px;"/>
				<h:link value="[Logout]" outcome="login"  style="color:#050552; font-size: 12px;" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<h:form>
		<p:menubar styleClass="menubar">
			<p:menuitem value="Importar cotizaciones" action="cotizacion" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
			<p:menuitem value="Importar balances" action="balance" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
			<p:menuitem value="Analisis de datos" action="analisis" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
		</p:menubar>
	</h:form>
	<h:form enctype="multipart/form-data">  
	 	<h:panelGrid columns="1" style="width:800px; margin-left:30px; margin-top:20px"  cellpadding="5">
	 		<p:growl id="messages" showDetail="false" life="3000" autoUpdate="true" />	
	 		<h:panelGrid columns="2">
	 			<h:graphicImage library="images" value="/pages/images/importIcon.png"/>
				<h:outputText value="Importar Cotizaciones" styleClass="body-subTitle" />
	 		</h:panelGrid>
	 		<h:outputText value="Por favor, seleccione los archivos de las cotizaciones a importar. Luego presione el botón importar." styleClass="body-subTitle2" />
		    <p:fileUpload fileUploadListener="#{cotizacionBean.uploadFile}"  
		            mode="advanced"  
		            update="messages, tableUpload, tableIncomplete"    
		            multiple="true"  
		            sizeLimit="5000000"   
		            allowTypes="/(\.|\/)(xml|xls)$/"
		            label="Seleccionar archivos"
		            cancelLabel="Cancelar"
		            style="font-size: 12px; font-family: Tahoma; color:#000000"
		            uploadLabel="Importar"/>  
		            
		    <p:selectBooleanCheckbox id="checkBoxReWrite" value="#{cotizacionBean.reWrite}" itemLabel="Sobre escribir datos existentes" 
		    	styleClass="ckb-rewrite" style="font-size: 12px;">
		    	<p:ajax update="checkBoxReWrite" />
		    </p:selectBooleanCheckbox>
			
			<p:dataTable id = "tableUpload" var="row" 
				value="#{cotizacionBean.uploadedFileList}" emptyMessage="" >
				<p:column headerText="Nombre de archivo">
					<h:outputText value="#{row.fileName}" />
				</p:column>
				<p:column headerText="Codigo">
					<h:outputText value="#{row.codigoEmpresa}" />
				</p:column>
				<p:column headerText="Empresa">
					<h:outputText value="#{row.nombreEmpresa}" />
				</p:column>
				<p:column headerText="Datos Importados">
					<h:outputText value="#{row.countImportedRows}" />
				</p:column>
				<p:column headerText="Datos No Importados">
					<h:outputText value="#{row.countNotImportedRows}" />
				</p:column>
			</p:dataTable>
			
			<p:dataTable id = "tableIncomplete" var="row" 
				value="#{cotizacionBean.incompleteFileList}" emptyMessage="">
				<p:column headerText="Procesar">
					<p:selectBooleanCheckbox value="#{row.isSelected}" />  
				</p:column>
				<p:column headerText="Nombre de archivo">
					<h:outputText value="#{row.fileName}" />
				</p:column>
				<p:column headerText="Codigo">
					<h:outputText value="#{row.codigoEmpresa}" />
				</p:column>
				<p:column headerText="Empresa">
					<p:inputText value="#{row.nombreEmpresa}" required="true" label="Empresa"/>
				</p:column>
				<p:column headerText="Es merval">
					<p:selectBooleanCheckbox id="checkBoxEsMerval" value="#{row.esMerval}" 
			    		styleClass="ckb-rewrite" style="font-size: 12px;">
			    		<p:ajax update="checkBoxEsMerval" />
			    	</p:selectBooleanCheckbox>
		    	</p:column>
		    	<p:column headerText="Es merval25">
			    	<p:selectBooleanCheckbox id="checkBoxEsMerval25" value="#{row.esMerval25}"  
			    		styleClass="ckb-rewrite" style="font-size: 12px;">
			    		<p:ajax update="checkBoxEsMerval25" />
			    	</p:selectBooleanCheckbox>
		    	</p:column>
				<p:column headerText="Rubro">
					<p:selectOneMenu value="#{row.rubroID}" required="true">
						<f:selectItems value="#{cotizacionBean.rubroList}" var="rubro" itemLabel="#{rubro.nombre}" itemValue="#{rubro.ID}" />
					</p:selectOneMenu>
				</p:column>
			</p:dataTable>
			<h:panelGrid columns="2">
				<p:commandButton id="process" value="Procesar faltantes" update="messages, tableUpload, tableIncomplete"
									action="#{cotizacionBean.importIncompleteFiles}" />
				<p:commandButton id="clean" value="Limpiar pantalla" update="messages, tableUpload, tableIncomplete"
									action="#{cotizacionBean.cleanView}" immediate="true"/>						
			</h:panelGrid>
	  	</h:panelGrid>
		<p:ajaxStatus>
			<f:facet name="prestart">
				<div align="right">
					<h:graphicImage library="images" value="/pages/images/ajax-loader.gif"/>
				</div>
			</f:facet>
			<f:facet name="complete">
				<h:graphicImage library="images" value="" />
			</f:facet>
		</p:ajaxStatus>
  	</h:form>      
</h:body>
</html>